view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video {
	box-sizing: border-box;
}

button {
	background-color: transparent;
	font-size: 30rpx;
	color: #fff;
	margin: 0;
	border: 0 none;

	&::after {
		border: 0 none;
	}
}

.button-hover {
	background-color: transparent;
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

image {
	display: inline-block;
	// 解决图片加载时可能会瞬间变形的问题
	will-change: transform;
}

.hover-class {
	opacity: 0.7;
	transform: translate(1rpx, 1rpx);
}

@mixin uni-button($width: 500rpx, $bkColor: $uni-color-primary) {
	width: $width;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100rpx;
	margin: 0 auto;
	background-color: $bkColor;
	border-radius: 50rpx;
}